<style lang="less" scoped>
.component {
  .container {
    position: relative;
  }
  .titile {
    position: relative;
    color: #3b424c;
    font-weight: 700;
    margin: 0.15rem 0.24rem;
    &::after {
      content: "";
      display: block;
      width: 4px;
      height: 16px;
      background-color: #ffb118;
      position: absolute;
      left: -10px;
      top: 50%;
      margin-top: -8px;
    }
  }

  .list {
      ul {
          margin-left: 0.27rem;
      }
      li {
          padding: 0.15rem 0;
          padding-right: 7px;
          display: flex;
          align-items: center;
          font-size: 0.14rem;   
          color: #111111;
          border-bottom: 1px solid #F3F3F3;
          .name {
              flex: 1;
              font-weight: 700;
          }
          .count {
              width: 0.5rem;
          }
          .time {
              width: 1.2rem;
              color: #999999;
          }
          .more {
              width: 0.3rem;
              height: 100%;
          }
      }
  }
}
</style>
<template>
  <div class="component">
    <div class="container">
      <div class="titile">待办事项</div>
      <div class="list">
        <ul>
          <li @click="toAuditHY">
            <div class="name">合约审核</div>
            <div class="count">5份</div>
            <div class="time">2019.12.31 18:21</div>
            <div class="more more7"></div>
          </li>
          <li>
            <div class="name">商铺商品档</div>
            <div class="count">5份</div>
            <div class="time">2019.12.31 18:21</div>
            <div class="more more7"></div>
          </li>
          <li>
            <div class="name">商铺员工审核</div>
            <div class="count">5份</div>
            <div class="time">2019.12.31 18:21</div>
            <div class="more more7"></div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      list: []
    };
  },
  methods: {
    getData() {},
    format(list) {},
    toAuditHY(){
      this.$router.push({
        path: "/workbench/audithy"
      })
    }
  },
  mounted() {
    this.getData();
  }
};
</script>
